<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>选择器</title>
        <style>
        p::first-line{/*第一行的设定*/
            color:darkorange;
        }
        p:first-letter{/*首字母设定*/
            color:deeppink;
        }
        li:before{/*元素前添加字符*/
            content:'--'
        }
        li:after{/*元素后加入字符*/
            content:"对列表的解释";
            font-size:10px;
            color:dimgray;
        }
        </style>

    </head>
    <body>
        <p>
            第一行 <br/>第二行
        </p>
        <ul>
            <li>列表33</li>
            <li>列表33</li>
            <li>列表33</li>
            <li>列表33</li>
        </ul>
    </body>
</html>